// pages/pfep/MaintenanceTemplate/Template1/Template1.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    popup_show1: false,
    popup_show2: false,
    mainActiveIndex1: 0,
    activeId1: null,
    items1: [
      {
        // 导航名称
        text: '所有城市',
        // 禁用选项
        disabled: false,

        // 该导航下所有的可选项
        children: [
          {
            // 名称
            text: '温州',
            // id，作为匹配选中状态的标识
            id: 1,
            // 禁用选项
            disabled: false,
          },
          {
            text: '杭州',
            id: 2,
          },
        ],
      },
      {
        // 导航名称
        text: '城市',
        // 禁用选项
        disabled: false,
        // 该导航下所有的可选项
        children: [
          {
            // 名称
            text: '州',
            // id，作为匹配选中状态的标识
            id: 11,
            // 禁用选项
            disabled: false,
          },
          {
            text: '杭',
            id: 22,
          },
        ],
      },

    ],
    mainActiveIndex2: 0,
    activeId2: null,
    items2: [
      {
        // 导航名称
        text: '所有城市',

        // 禁用选项
        disabled: false,
        // 该导航下所有的可选项
        children: [
          {
            // 名称
            text: '111',
            // id，作为匹配选中状态的标识
            id: 1,
            // 禁用选项
            disabled: false,
          },
          {
            text: '222',
            id: 2,
          },
        ],
      },
      {
        // 导航名称
        text: '城市',
        // 禁用选项
        disabled: false,
        // 该导航下所有的可选项
        children: [
          {
            // 名称
            text: 'aaa',
            // id，作为匹配选中状态的标识
            id: 1,
            // 禁用选项
            disabled: false,
          },
          {
            text: 'bbb',
            id: 2,
          },
        ],
      },

    ],
    show1: false,
    show2: false,
    show3: false,

  },
  // 容器名称选择
  onClickNav({ detail = {} }) {
    this.setData({
      mainActiveIndex1: detail.index || 0,
    });
  },

  onClickItem({ detail = {} }) {
    const activeId = this.data.activeId1 === detail.id ? null : detail.id;

    console.log(activeId);
    this.setData({
      activeId1: activeId
    });


  },
  // 点击容器名称选取输入框
  onClick1(event) {
    // event.detail 为当前输入的值
    // console.log(event.detail);
    this.setData({
      popup_show1: true
    })
  },
  // 选择容器名称选取输入框关闭
  onClose1() {
    this.setData({ popup_show1: false });
  },
  // 点击辅材名称选取输入框
  onClick2(event) {
    // event.detail 为当前输入的值
    // console.log(event.detail);
    this.setData({
      popup_show2: true
    })
  },
  // 选择辅材名称选取输入框关闭
  onClose2() {
    this.setData({ popup_show2: false });
  },
  // 辅材名称选择
  onClickNav2({ detail = {} }) {
    this.setData({
      mainActiveIndex2: detail.index || 0,
    });
  },

  onClickItem2({ detail = {} }) {
    const activeId = this.data.activeId2 === detail.id ? null : detail.id;
    console.log(activeId);
    this.setData({
      activeId2: activeId
    });
  },

  // 显示示例按钮
  showExample1() {
    this.setData({ show1: true });
  },
  // 显示示例按钮
  showExample2() {
    this.setData({ show2: true });
  },

  // 显示示例按钮
  showExample3() {
    this.setData({ show3: true });
  },



  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})